<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script type="text/javascript" src="Plug/jquery-1.11.3.min.js"></script>
		<title>完善资料-模特</title>
		<script src="Plug/layer-v3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--layer  弹框插件-->
		<link rel="stylesheet" href="static/css/base/reset.css" />
		<!--jqyery-weiui插件 -->
		<link rel="stylesheet" href="Plug/jquery-weui/jquery-weui.min.css">
		<link rel="stylesheet" href="Plug/jquery-weui/weui.min.css">
		<script src="Plug/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="Plug/jquery-weui/js/city-picker.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播插件-->
		<link rel="stylesheet" type="text/css" href="Plug/swiper/swiper.min.css" />
		<script src="Plug/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--重置样式-->
		<link rel="stylesheet" href="static/css/base/main.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_990287_56nbl4xfrjs.css" />
		<!--阿里云图标库-->
		<script src="static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<!---------------公共导入分割线------------------------>
		<!--本页样式-->
		<link rel="stylesheet" type="text/css" href="static/css/my/fill_data.css" />
	</head>

	<body>
		<div class="have_bar_wrap">
			<div class="fill_data_top flex_cb">
				<a class="back" href="javascript:void(0)"><i class="iconfont icon-xuanzeqishangyige"></i></a>
				<span>完善资料-模特</span>
				<!--<a class="fill_save" href="javascript:void(0)">保存</a>-->
			</div>
			<div class="choice_tip">
				<div class="choice_tip_tit flex_cl">
					<i class="iconfont icon-shipin"></i>
					<span>封面上传</span>
				</div>
				<div class="choice_tip_listwrap flex_cb">
					<a class="add_btn flex_cc fengmian_btn" href="javascript:void(0)"><i class="iconfont icon-jiahao"></i>
						<p>添加图片</p>
					</a>
					<div class="choice_text">
						封面照片是用于展示在一级页面的个人形象照</br>请上传你认为最漂亮的竖版写真照片，有利于摄影师下单
					</div>
				</div>
				<div class="info_picture">
					<!--<img src="static/images/changkuan11.png" />-->
				</div>
			</div>
			<div class="choice_tip">
				<div class="choice_tip_tit flex_cl">
					<i class="iconfont icon-shipin"></i>
					<span>视频简介</span>
				</div>
				<div class="choice_tip_listwrap flex_cb">
					<a class="add_btn flex_cc" href="javascript:void(0)"><i class="iconfont icon-jiahao"></i>
						<p>添加视频</p>
					</a>
					<div class="choice_text">
						上传15-30秒个人视频介绍，有助于约拍方或用人方更好的了解你！
					</div>
				</div>

				<div class="video_wrap">
					<i class="iconfont icon-guanbi3"></i>
					<video class="video_box" poster="static/images/changkuan12.png" controls height="">
						<source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4"></source>
					</video>
				</div>
			</div>
			<div style="border: none;" class="choice_tip">
				<div class="choice_tip_tit flex_cl">
					<i class="iconfont icon-shipin"></i>
					<span>相册</span>
				</div>
				<div class="inline_box">
					<a class="add_btn flex_cc" href="javascript:void(0)"><i class="iconfont icon-jiahao"></i>
						<p>添加图片</p>
					</a>
				</div>
				<div class="inline_box">
					<div class="inline_textfill">
						<p>上传照片将获得更多展示机会</p>
						<p>让摄影师更好了解您，让约拍机会提高90%</p>
					</div>
				</div>
				<div class="info_picture">
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan11.png" />
				</div>
			</div>
			<a class="next_fill flex_cc" href="javascript:void(0)">保存</a>
		</div>
		<script type="text/javascript">
			$(function() {
				$(document).on("click", ".info_picture img", function() {
					$(this).remove();
				})
				progress()
			})

			function progress() {
				var progress_num = 0;
				var html = '<div class="progress"><span class="progress_num">上传中进度' + progress_num + '%</span><div class="progress_in"></div></div>';
				$("body").append(html);
				setInterval(function() {
					progress_num = progress_num + 1;
					if(progress_num <= 6) {
						$(".progress_num").text('上传中进度' + progress_num + '%');
						$(".progress_in").css("width", progress_num + '%')
					} else {
						$(".progress").fadeOut(300)
						return false 
					}
				}, 1000)

			}
		</script>
	</body>

</html>